<template>
  <div>
    <table>
      <tr>
        <th>扩色样110:1</th>
        <th>扩色样130:1</th>
        <th colspan="3a-">生产样110:1</th>
      </tr>
      <tr>
        <td colspan="2">销售色</td>
        <td colspan="3">001黑</td>
      </tr>
      <tr>
        <td>主料</td>
        <td>部位</td>
        <td><a-input /></td>
        <td>CAD</td>
        <td><a-input /></td>
      </tr>
      <tr>
        <td></td>
        <td>面料代码</td>
        <td><a-input /></td>
        <td>可用库存</td>
        <td><a-input /></td>
      </tr>
      <tr>
        <td></td>
        <td>面料名称</td>
        <td><a-input /></td>
        <td>实时库存</td>
        <td><a-input /></td>
      </tr>
      <tr>
        <td></td>
        <td>代用</td>
        <td>STC1145--</td>
        <td>配色类型</td>
        <td><a-input /></td>
      </tr>
      <tr>
        <td></td>
        <td>颜色名称</td>
        <td></td>
        <td>配色</td>
        <td><a-input /></td>
      </tr>
      <tr>
        <td></td>
        <td>预计倒料时间</td>
        <td></td>
        <td>领料用量</td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td>缩率</td>
        <td></td>
        <td>门幅</td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td>备注</td>
        <td><a-input /></td>
        <td>核价用量</td>
        <td><a-input /></td>
      </tr>
      <template v-for="item,index in dataSource.length>0 && dataSource">
        <tr>
          <td>{{'配料' + (index*1 + 1)}}</td>
          <td>部位</td>
          <td><a-input :value="item.part"/></td>
          <td>CAD</td>
          <td><a-input :value="item.cadPart"/></td>
        </tr>
        <tr>
          <td></td>
          <td>面料代码</td>
          <td><a-input :value="item.bomcode"/></td>
          <td>可用库存</td>
          <td>{{item.stockNum}}</td>
        </tr>
        <tr>
          <td></td>
          <td>面料名称</td>
          <td><a-input :value="item.clname"/></td>
          <td>实时库存</td>
          <td><a-input :value="item.realStockNum"/></td>
        </tr>
        <tr>
          <td></td>
          <td>代用</td>
          <td>{{item.otbomcode}}</td>
          <td>配色类型</td>
          <td><a-input :value="item.blendentType"/></td>
        </tr>
        <tr>
          <td></td>
          <td>颜色名称</td>
          <td>{{item.colourname}}</td>
          <td>配色</td>
          <td><a-input /></td>
        </tr>
        <tr>
          <td></td>
          <td>预计倒料时间</td>
          <td>{{item.mldate}}</td>
          <td>领料用量</td>
          <td>{{item.mrDosage}}</td>
        </tr>
        <tr>
          <td></td>
          <td>缩率</td>
          <td>{{item.minification}}</td>
          <td>门幅</td>
          <td>{{item.largheza}}</td>
        </tr>
        <tr>
          <td></td>
          <td>备注</td>
          <td><a-input :value="item.remark"/></td>
          <td>核价用量</td>
          <td><a-input :value="item.valenceAmount"/></td>
        </tr>
      </template>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    dataSource: {
      type: Array,
      default: () => [],
    },
  },
  mounted () {
    window.console.log('dataSource', dataSource)
  }
};
</script>

<style scoped>
table,
tr,
th,
td {
  border: 1px solid #000000;
}
</style>
